import styled from "styled-components";

export const HotAnchorWrapper = styled.div`
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  .top{
    position: relative;
    height: 23px;
    margin: 0 20px;
    border-bottom: 1px solid #ccc;
    color: #333;
    background-color: #fff;
    span{
      float: left;
    }
    a{
      float: right;
      font-weight: normal;
      text-decoration: none;
      color: #333;
      &:hover{
        color: #666;
      }
    }
  }
  .item{
    margin: 15px 0 0 20px;
    width: 210px;
    height: 40px;
    display: flex;
    a{
      float: left;
      width: 40px;
      margin-right: 10px;
      .cover{
        width: 40px;
        height: 40px;
        box-shadow: 0 0 1px #333333 inset;
      }
    }
    .info{
      float: left;
      width: 160px;
      line-height: 21px;
      p{
        color: #666;
      }
    }
  }
`